@charset "utf-8";
/* CSS Document */
.floatleft{	float:left;}

.floatright{ float:right;}

.floatcenter{ margin:0 auto;}

.clearboth{ clear:both;}

a{ font-family:Verdana; font-size:11px; color: #558bdd; text-decoration:none; }

body{ padding:0px; margin:0px; background:#fff; }

body,div,dl,dt,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { font-family:Verdana; font-size:11px;}
.space{
	background:#fff;
	width:auto;
	height:1px;
}
#wrapper{
	width:970px;
	height:auto;
	margin:0px auto;
	background:#ffffff;
}
#menutop{
	 width:970px;
	 height:40px;
	 background:#505050 url(../images/logo-top.jpg) left top no-repeat;
}

#banner{
	width:970px;
	height:150px;
	background:url(../images/logo.jpg) left top no-repeat;
}
/* -- left -- */
#left{
	width:765px;
	height:auto;
	float:left;
}
#servicetop{
	width:765px;
	height:185px;
	background:url(../images/topsl-br.gif) right bottom;
	margin-top:10px;
}
.title_service{
	width:750px;
	height:40px;
	padding-left:15px;
	background:url(../images/topsl-r-tr-blue.gif) right top no-repeat;
	line-height:40px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
.content_services{
	width:765px;
	height:145px;
	background:url(../images/topsl-tr.gif) right top no-repeat;
}
.content_services .wrap_small{
	width:745px;
	height:118px;
	padding:10px;
	/*//border-left:1px #d1cabf solid;*/
	background:url(../images/topsl-tl.gif) left top no-repeat;
}
.modules_services{
	width:220px;
	height:118px;
	float:left;
	overflow:hidden;
	padding:0;
	margin:0;
	color:#558bdd;
	margin-right:40px;
}
.modules_services .title_mod{
	height:20px;
	width:100%;
	line-height:20px;
	color:#558bdd;
	font-size:12px;
	font-weight:bold;
}
.modules_services img{
	height:85px;
	width:85px;
	border:none;
	text-align:left;
	margin-right:5px;
	margin-left:5px;
}
.top_main{
	background:url(../images/top_main.gif) no-repeat left top;
	width:767px;
	height:3px;
	margin-top:10px;
}
.bottom_main{
	background:url(../images/bottom_main.gif) no-repeat left top;
	width:765px;
	height:3px;
}
#main{
	width:765px;
	height:auto;
	background:url(../images/bbook-bg.gif) left top repeat-y;
}
.wrap_main{
	width:765px;
	height:auto;
	background:url(../images/bg_main.gif) repeat-y left top;
}
#main_left{
	width:167px;
	height:100%;
	float:left;
	padding:10px 20px 10px 10px;
}
.title_left{
	width:100%;
	height:20px;
	margin-top:10px;
	line-height:20px;
	color:#558bdd;
	font-size:13px;
	font-weight:bold;
}
/* -- menu left -- */
.main_menu{
	list-style:none;
	width:160px;
	height:auto;
	margin:0px;
	padding:0px;
}
.main_menu_items{
	background:transparent url(../images/bullet-list.gif) no-repeat 3px 12px;
	width:140px;
	min-height:25px;
	padding-left:20px;
	line-height:25px;
	border-bottom:#CCCCCC 1px solid;
}
.main_menu_items:hover{
	background:#f7f7f7;
	background:transparent url(../images/bullet-list1.gif) no-repeat 3px 12px;
}
.main_menu_items a{
	color:#333333;
}
.main_menu_items a:hover{
	color:#558BCC;
}
.main_menu .selected{
	background:transparent url(../images/bullet-list1.gif) no-repeat 3px 12px;
}
.selected a{
	color:#558BCC;
	font-style:italic;
}
/* -- menu left -- */
#main_right{
	width:530px;
	height:100%;
	float:right;
	padding:10px 10px 10px 20px;
	background:url(../images/body-tr.gif) right top no-repeat;
}
.title_right{
	width:100%;
	height:20px;
	margin-top:10px;
	line-height:20px;
	color:#558bdd;
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
	border-bottom:dotted 1px #0033FF;
}
.content_right{
	width:100%;
	text-align:center;
}
/* -- end left -- */
/* -- right -- */
#right{
	width:195px;
	height:auto;
	float:left;
	margin-left:10px;
}
/* -- login -- */
#login{
	width:194px;
	height:188px;
	background:url(../images/bg_login.gif) right bottom no-repeat;
	margin-top:10px;
}
.title_login{
	width:180px;
	height:40px;
	padding-left:14px;
	background:url(../images/topsl-r-tr-blue.gif) right top no-repeat;
	line-height:40px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
.content_login{
	width:190px;
	height:135px;
	background:transparent;
	padding-top:10px;
	text-align:center;
}
/* -- login -- */
/* Footer */
#footer{
	width:948px;
	height:70px;
	margin-top:20px;
	margin-top:10px;
	padding:10px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/footer-bg.gif) repeat-x scroll left top;
}
/* Footer */
/* Liên Hệ */
.contactform{
	width:575px;
	margin:0 auto;
}
.contactform p{
	width: 400px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1%;
}
.contactform label{
	float: left;
	margin-left: -130px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	text-align:left;
	font-size:12px;
}
.contactform  input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 250px;
	float: left;
	margin-bottom: 5px;
	border:1px solid #c4c4c4;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	padding-left:5px;
	padding-right:5px;
}
.contactform  textarea{
	width: 250px;
	height: 150px;
	float: left;
	margin-bottom: 5px;
	border:1px solid #c4c4c4;
	padding:10px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.btn_submit{
	width:auto;
	height:30px;
	padding-left:15px;
	padding-right:15px;
	color:#fffffd;
	font-weight:bold;
	background:url(../images/mainnav-active-bg.gif) -2px top;
	line-height:25px;
	cursor:pointer;
}
#ContactInfo{width:500px; margin-top:10px; margin-left:50px;}
#ContactInfo p{ margin:0; font-size:12px; color:#FFFFFF;}
/* Liên Hệ */
/* Dành cho form */
.label_search{
	margin-bottom:2px;
	width:auto;
	height:17px;
	line-height:17px;
}
.txt_input{
	width:185px;
	height:17px;
	border:solid 1px #88c0ce;
	padding:0 5px;
	margin:0 0 10px 0;
	color:#666666;
	padding-top:2px;
	vertical-align:middle;
}
.textarea{
	width:300px;
	height:80px;
	border:solid 1px #88c0ce;
	padding:0 5px;
	margin:0 0 10px 0;
	color:#666666;
	padding-top:2px;
}
.select_search{
	width:195px;
	border:solid 1px #88c0ce;
	padding:2px;
	margin:0 0 10px 0;
	color:#666666;
	text-align:center;
}
.button1{
	width:85px;
	height:22px;
	background:url(../images/bg_button1.gif) left top no-repeat;
	text-align:center;
	line-height:22px;
	color:#FFFFFF;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
}
.span_label{
	width:150px;
	height:17px;
	line-height:17px;
	float:left;
	text-align:left;
	margin-left:30px;
}
.text_bds{
	float:left;
	width:auto;
	line-height:17px;
	max-width:300px;
	min-width:200px;
	text-align:left;
}
.line_blue{
	width:90%;
	margin:5px auto;
	height:1px;
	border-bottom:1px dotted #74a6e3;
}
.line_red{
	width:90%;
	margin:5px 0;
	height:1px;
	background:#b2004a;
}
/* -- login -- */
#systemForm{
	margin:10px auto;
	width:150px;
}
.lnk_login{
	width:100%;
	height:20px;
	margin-top:5px;
}
.lnk_login a{
	font-size:11px;
}
.btnSignIn, a.btnSignIn{
	background:url(../images/btn_main.gif);
	width:89px;
	height:45px;
	border:none;
	padding:0;
	margin:0;
	font-weight:bold;
	cursor:pointer;
	padding-bottom:15px;
	color:#c0504d;
}
.btnSignIn:hover{
	color:#558ed5;
}
.btnSignIn1:hover{
	color:#558ed5;
}
.btnSignIn1{
	background:url(../images/btn_main.gif);
	width:89px;
	height:30px;
	border:none;
	padding:0;
	margin:0;
	font-weight:bold;
	cursor:pointer;
	color:#c0504d;
}

.inputboxusr {
	width: 120px;
	height:20px;
	margin: 0 0 1em 0;
	border: 1px solid  #333333;
	background:url(../images/bginputusr.gif) top left no-repeat ;
	padding-left:30px;
	line-height:20px;
	color:#000;
}
.inputboxpwd {
	width: 120px;
	height:20px;
	margin: 0 0 1em 0;
	border: 1px solid #333333;
	background:url(../images/bginputpwd.gif)  top left no-repeat;
	padding-left:30px;
	line-height:20px;
	color:#000;
}
/* -- end login -- */

div.module {
	background:transparent url(../images/box-br.gif) no-repeat scroll right bottom;
	clear:both;
	float:left;
	margin:0 0 10px;
	padding:0;
	width:100%;
	margin-top:10px;
}
.module div {
	background:transparent url(../images/box-bl.gif) no-repeat scroll left bottom;
	padding:0;
}
.module div div {
	background:transparent url(../images/box-tr.gif) no-repeat scroll right top;
	padding:0;
}
.module div div div {
	background:transparent url(../images/box-tl.gif) no-repeat scroll left top;
	padding:10px 15px 15px;
}
.module h3 {
	color:#558BCC;
}
.module img{
	width:170px;
	height:200px;
	border:none;
}
.content_login .ava{
	width:47px;
	height:52px;
	float:left;
	margin-top:20px;
	margin-left:10px;
}
.content_login .ava img{
	width:47px;
	height:51px;
	border:none;
}
.content_login .info{
	width:100px;
	height:auto;
	float:left;
	margin-left:5px;
	margin-top:20px;
}
.space_10px{
	height:10px;
}
/* -- end ads -- */
/* -- request -- */
.no_date{
	float:right;
	text-align:left;
	width:200px;
	height:20px;
	color:#000000;
	font-size:11px;
	font-style:italic;
	position:relative;
}
.project{
	width:300px;
	height:112px;
	margin:10px;
	margin-left:25px;
	padding:0;
	border:1px solid #999999;
}
.project .title{
	height:20px;
	width:300px;
	margin-bottom:10px;
	background:#CCCCCC;
	border-bottom:1px solid #999999;
	font-size:11px;
	line-height:20px;
	text-align:center;
}
.project .pic{
	width:99px;
	height:80px;
	float:left;
	margin:0;
	padding:0;
	border-right:1px solid #999999;
	border-top:1px solid #999999;
}
.pic .pos{
	width:100%;
	height:15px;
	line-height:15px;
	font-size:11px;
	border-bottom:1px solid #999999;
	text-align:center;
	font-weight:bold;
}
.pic .sign{
	width:100%;
	height:54px;
	text-align:center;
	padding-top:10px;
}
.label_request{
	width:100px;
	height:17px;
	line-height:17px;
	float:left;
	margin-left:25px;
	font-weight:bold;
	text-align:left;
}
.price{
	font-weight:bold;
}
.table_detail{
	width:530px;
	height:300px;
	display:auto;
	overflow:scroll;
}
.title_table{
	height:40px;
	background:#66CCFF;
}
.table_head{
	height:40px;
	font-size:9px;
	font-weight:bold;
	text-align:center;
	color:#000000;
}
.txt_input1{
	width:100px;
	height:15px;
	border:solid 1px #88c0ce;
	padding:0 5px;
	margin:0 0 10px 0;
	color:#666666;
	padding-top:2px;
	vertical-align:middle;
}
.input_request{
	float:left;
	width:130px;
	text-align:left;
	line-height:17px;
}
.select_request{
	width:90px;
	border:solid 1px #88c0ce;
	padding:2px;
	margin:0 0 10px 0;
	color:#666666;
	text-align:center;
}
.select_request1{
	width:130px;
	border:solid 1px #88c0ce;
	height:17px;
	font-size:11px;
	color:#666666;
	text-align:center;
}
.textarea{
	width:300px;
	height:80px;
	border:solid 1px #88c0ce;
	padding:0 5px;
	margin:0 0 10px 0;
	color:#666666;
	padding-top:2px;
}
.text_small{
		font-size:10px;
		text-align:center;
}
.lbl_error{
	color:#FF0000;
	margin:10px;
	width:300px;
	text-align:center;
}
.calendar{
	z-index:1000;
	position:absolute;
	top:0px;
	left:-100px;
}
.select_birth_day
{
	width:50px;
	border:solid 1px #88c0ce;
	padding:2px;
	margin:0 0 0px 0px;
	color:#666666;
	text-align:center;
}
.select_birth_month
{
	width:50px;
	border:solid 1px #88c0ce;
	padding:2px;
	margin:0 0 0px 4px;
	color:#666666;
	text-align:center;
}
.select_birth_year
{
	width:80px;
	border:solid 1px #88c0ce;
	padding:2px;
	margin:0 0 0px 5px;
	color:#666666;
	text-align:center;
}
/* -- request -- */